<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
  <meta http-equiv="X-UA-Compatible" content="IE=9"/>
  <link rel="stylesheet" href="../../../lib/layui/css/layui.css">
  <link rel="stylesheet" href="../../static/css/formSelects-v4.css">
  <link rel="stylesheet" href="../../static/css/common.css">
  <link rel="stylesheet" href="../../static/css/record.css">
  <title>马达趋势图</title>
</head>
<body>
<!--头部-->
<!--<header class="tophead" id="headerWrap"></header>-->
<!--主体-->
<section class="mainbody">
  <!--筛选条件-->
  <div class="layui-collapse">
    <div class="layui-colla-item">
      <h2 class="layui-colla-title">筛选趋势图</h2>
      <div class="layui-colla-content layui-show">
        <div class="parameter">
          <form action="#" class="layui-form layui-form-pane layui-clear" lay-filter="paramChart">
            <div class="layui-form-item layui-input-inline">
              <!--趋势图类型-->
              <div class="layui-inline layui-form-item" pane>
                <label class="layui-form-label">类型</label>
                <div class="layui-input-block">
                  <input type="radio" name="trendType" value="1" title="时趋势" lay-filter="trendType" checked>
                  <input type="radio" name="trendType" value="2" title="日趋势" lay-filter="trendType">
                  <input type="radio" name="trendType" value="3" title="月趋势" lay-filter="trendType">
                </div>
              </div>
              <!--区域-->
              <div class="layui-inline  layui-form-item ">
                <label class="layui-form-label">区域</label>
                <div class="layui-input-inline area-option-wrap">
                  <select name="areaId" lay-filter="areaMenu" class="layui-bg-blue areaMenu"></select>
                </div>
              </div>
              <!--马达-->
              <div class="layui-inline  layui-form-item ">
                <label class="layui-form-label">马达</label>
                <div class="layui-input-inline motor-option-wrap">
                  <select name="moIds" xm-select="select-motor" class="multi-motors" xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                </div>
              </div>
              <div class="layui-inline layui-form-item">
                <label class="layui-form-label">开始时间</label>
                <div class="layui-input-inline startTime">
                  <input type="text" class="layui-input" id="startTime" name="startTime" autocomplete="off">
                </div>
              </div>
              <div class="layui-inline layui-form-item">
                <label class="layui-form-label">结束时间</label>
                <div class="layui-input-inline endTime">
                  <input type="text" class="layui-input" id="endTime" name="endTime"  autocomplete="off">
                </div>
              </div>
              <div class="layui-form-item layui-inline layui-btn-group fr">
                <button type="button" class="layui-btn btn-theme layui-btn-sm searchBtn" lay-submit lay-filter="search">查询</button>
                <button type="button" class="layui-btn btn-theme layui-btn-sm exportBtn">导出EXCEL</button>
                <!--<button type="button" class="layui-btn btn-theme layui-btn-sm printBtn">打印</button>-->
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>

  <!--趋势图-->
  <div class="chartWrap hourChart">
    <div class="amplitude-chart" id="hourChart"></div>
  </div>
</section>
</body>
</html>
<!--区域模板-->
<script type="text/html" id="motor-areas-tpl">
  {{each data}}
  <option value="{{$value.areaId}}">{{$value.areaName}}</option>
  {{/each}}
</script>
<!--马达模板-->
<script type="text/html" id="motors-tpl">
  {{each data}}
  <option value="{{$value.moId}}">{{$value.moName}}</option>
  {{/each}}
</script>
<script src="../../../lib/layui/layui.js"></script>
<script src="../../static/js/common.js"></script>
<script src="../../static/js/file/trend-chart.js"></script>
